<template>
  <a-layout-header class="header">
    <div class="logo">质量信息管理系统</div>
    <Author class="header_author"></Author>
    <!-- <a-menu
          theme="dark"
          mode="horizontal"
          :default-selected-keys="['2']"
          :style="{ lineHeight: '64px' }"
        >
          <a-menu-item key="1"> nav 1 </a-menu-item>
          <a-menu-item key="2"> nav 2 </a-menu-item>
          <a-menu-item key="3"> nav 3 </a-menu-item>
        </a-menu> -->
  </a-layout-header>
</template>

<script>
import Author from "components/common/author/Author";
export default {
  components: {
    Author,
  },
};
</script>

<style lang="less" scoped>
.header {
  display: flex;
  color: #fff;
  .logo {
    width: 160px;
    height: 31px;
    // background: rgba(255, 255, 255, 0.2);
    margin: 16px 28px 16px 0;
    line-height: 31px;
    text-align: center;
    font-size: 20px;
  }

  .header_author {
    position: absolute;
    right: 24px;
  }
}
</style>